view, text {
  box-sizing: border-box;
}

page {
  background-color: #DDEEFA;
}

.safe-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.page-box {
  background-image: url();
  background-repeat: no-repeat;
  background-size: 100% auto;
  min-height: 700rpx;
  padding: 24rpx;

  .tips-box {
    margin-top: 300rpx;
    background-color: #ffffff;
    border-radius: 18rpx;
    width: 100%;
    min-height: 300rpx;
    padding: 30rpx;

    .tips-header {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10rpx;
      margin-bottom: 48rpx;

      .tips-title {
        position: relative;

        .tips-line {
          position: absolute;
          width: 140rpx;
          height: 14rpx;
          background: #FBBF69;
          border-radius: 7rpx;
          left: 0;
          z-index: 0;
          bottom: 0;
        }

        .tips-text {
          position: relative;
          font-size: 36rpx;
          font-weight: bold;
          color: #000000;
          line-height: 50rpx;
          z-index: 1;
        }

      }

    }

    .tips-content {
      width: 100%;
      font-size: 28rpx;
      color: #000;
      line-height: 40rpx;
    }

  }

}



